<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="full-screen" content="yes">
    <meta name="x5-fullscreen" content="true">
    <meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=no">
    <link rel="stylesheet" href="../../css/base.css">
    <link rel="stylesheet" href="../../css/icon-font.css"/><!--图标-->

    <title>权限</title>
    <style>


        .placeholder-top {
            background: rgba(255, 255, 255, 0);
            z-index: 1;
        }

        .abs-power-head {
            width: 7.5rem;
            height: 20rem;
        }

        .abs-power-img {
            min-height: 4.36rem;
        }

        .abs-power-img img {
            width: 100%;
            height: 20rem;
        }

        .abs-power-bg {
            bottom: 0;
            left: 0;
            width: 100%;
            height: 3.8rem;
        }

    </style>
</head>
<body>

<div>
    <div class="flex-column h-100-p">
        <!--状态栏-->
        <div class="placeholder-top pos-f">
            <!--状态栏-->
            <div class="status-bar pos-f"></div>
            <!--标题栏-->
            <div class="nav-bar pos-f flex-row justify-content-between c-white align-items-center">
                <div class="left-bar" onclick="clickBack()" style="color: #FFFFFF;">
                    <span class="iconfont iconfanhui1 fs16"></span>
                </div>
                <div class="center-bar fs16 ff500 line1"></div>
                <div class="right-bar">
                </div>
            </div>
        </div>

        <div class="flex-column flex-1  abs-power-head pos-r ">
            <div class="abs-power-img"><img src="../../images/data/abs-power.png"></div>
            <div class="abs-power-bg pos-a flex-column align-items-center">
                <div class="fs14 mt5" style="color:rgba(34,34,34,0.7)">请登录网页版</div>
                <div class="mt5">JT²智管有方<span class="ml5" style="color: #207DED;">(https://jt2.jd.com/index)</span></div>
                <div class="mt5">【交易中心-ABS交易】 板块查看</div>
                <div class="mt5">或联系客服电话：<span class="ml5" style="color: #207DED;">(010) 8659 0160</span></div>
                <div class="mt5">客户邮箱：<span class="ml5" style="color: #207DED;">jt2service@jd.com</span></div>
            </div>
        </div>
    </div>

</div>


</body>
<!--这四个文件的引入必须按照顺序-->
<script src="../../js/dict.js"></script>
<script src="../../js/jquery-3.4.1.min.js"></script>
<script src="../../js/checkJsBridge.js"></script>
<script src="../../js/utils.js"></script>
<!--这四个文件的引入必须按照顺序-->
<script src="../../js/date.js"></script>
<script src="../../js/icon-font.js"></script><!--用于彩色字体图标-->
<script src="../../js/template.js"></script>
<script>

  function initPage(params) {
    //状态栏自适应
    Utils.sbhAdaptive()
    pageScroll()
  }

  function reLoadPage(){

  }

  //处理状态栏滚动效果
  function dealHead(scrollTop) {
    let currStop = 0
    if (scrollTop < 64) {
      currStop = scrollTop
      $('.center-bar').html('')
      $('.left-bar').css({
        'color': 'rgb(255,255,255)'
      })
    } else {
      currStop = 64
      $('.center-bar').html('')
      $('.left-bar').css({
        'color': 'rgba(34, 34, 34, ' + currStop / 64 + ')'
      })
    }
    $('.placeholder-top').css({
      'background': 'rgba(255, 255, 255, ' + currStop / 64 + ')'
    })

  }
  /**
   * @param callback 翻页回调函数
   */
  function pageScroll() {
    $(window).scroll(function () {
      //需要特殊处理的滚动区域，需要放在scroller元素区域内
      let scrollTop = $(this).scrollTop()
      dealHead(scrollTop)
    })
  }
</script>
</html>
